import styled from 'styled-components'

const Wrapper = styled.div`
  position: fixed;
  top: 0;
  left 0;
  z-index: 9;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: ${props => props.color || '#fff'};
  font-size: 12px;
  background-color: ${props => props.bgcolor || '#0d6efd'};
`

export default function Header(props) {
  return <Wrapper {...props}>{props.children}</Wrapper>
}
